body {
    font-family: Arial, sans-serif; /* 设置全局字体为Arial，无则使用sans-serif */
    margin: 0; /* 移除默认外边距 */
    padding: 0; /* 移除默认内边距 */
    background-color: #f5f5f5; /* 设置背景颜色 */
    display: flex; /* 使用flex布局 */
    justify-content: center; /* flex子项居中对齐 */
    align-items: center; /* flex子项垂直居中对齐 */
    height: 100vh; /* 设置高度为视口高度的100% */
}

.login-container {
    background-color: white; /* 设置背景颜色为白色 */
    padding: 40px; /* 设置内边距 */
    border-radius: 8px; /* 设置圆角 */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* 设置阴影效果 */
    width: 400px; /* 设置宽度 */
}

.header {
    text-align: center; /* 设置文本居中 */
    margin-bottom: 20px; /* 设置下边距 */
}

.logo {
    width: 50px; /* 设置宽度 */
    margin-bottom: 10px; /* 设置下边距 */
}

.tabs {
    display: flex; /* 使用flex布局 */
    justify-content: space-between; /* 子项两端对齐 */
    margin-bottom: 20px; /* 设置下边距 */
}

.tabs a {
    text-decoration: none; /* 移除下划线 */
    color: #333; /* 设置链接颜色 */
    font-weight: bold; /* 设置字体为粗体 */
}

.tabs .active {
    color: #ff6700; /* 设置活动状态的颜色 */
}

.form-group {
    margin-bottom: 15px; /* 设置下边距 */
}

.form-group input {
    width: 100%; /* 输入框宽度为100% */
    padding: 10px; /* 设置内边距 */
    border: 1px solid #ddd; /* 设置边框 */
    border-radius: 4px; /* 设置圆角 */
    box-sizing: border-box; /* 边框盒模型 */
}

.form-group input[type="checkbox"] {
    width: auto; /* 复选框宽度自动 */
}

.login-button {
    width: 100%; /* 按钮宽度为100% */
    padding: 10px; /* 设置内边距 */
    background-color: #ff6700; /* 设置背景颜色 */
    color: white; /* 设置文本颜色 */
    border: none; /* 移除边框 */
    border-radius: 4px; /* 设置圆角 */
    cursor: pointer; /* 设置鼠标指针样式 */
    font-size: 16px; /* 设置字体大小 */
}

.login-button:hover {
    background-color: #e65c00; /* 鼠标悬停时的背景颜色 */
}

.links {
    display: flex; /* 使用flex布局 */
    justify-content: space-between; /* 子项两端对齐 */
    margin-top: 10px; /* 设置上边距 */
    font-size: 12px; /* 设置字体大小 */
}

.other-login-methods {
    margin-top: 20px; /* 设置上边距 */
    text-align: center; /* 设置文本居中 */
}

.other-login-methods .icons img {
    width: 30px; /* 设置图片宽度 */
    height: 30px; /* 设置图片高度 */
    margin: 0 5px; /* 设置外边距 */
    cursor: pointer; /* 设置鼠标指针样式 */
}

.footer {
    margin-top: 30px; /* 设置上边距 */
    font-size: 12px; /* 设置字体大小 */
    color: #999; /* 设置字体颜色 */
}